{extend name='public/base' /}

{block name='seo' /}
<title>{$title|default='标题'}</title>
<meta name="keywords" content="{$keywords|default='关键字'}">
<meta name="description" content="{$desc|default='描述'}">
{/block}


{block name='content' /}
<section class="Hui-article-box">
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
        <span class="c-gray en">&gt;</span>
        管理员管理
        <span class="c-gray en">&gt;</span>
        管理员列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a> </nav>
    <div class="Hui-article">
        <article class="cl pd-20">



            <table class="table table-border table-bordered table-bg">
                <thead>
                <tr class="text-c">
                    <th width="40">ID</th>
                    <th width="100">用户名</th>
                    <th width="150">邮箱</th>
                    <th width="100">角色</th>
                    <th width="50">登陆次数</th>
                    <th width="130">上次登陆时间</th>
                    <th width="100">是否已启用</th>
                    <th width="100">操作</th>
                </tr>
                </thead>
                <tbody>

                {volist name="list" id="vo"}
                <tr class="text-c">
                    <td>{$vo.id}</td>
                    <td>{$vo.name}</td>
                    <td>{$vo.email}</td>
                    <td>{$vo.role}</td>
                    <td>{$vo.login_count}</td>
                    <td>{$vo.login_time}</td>
                    <td class="td-status">  {//根据当前用户状态,设置启用样式}
                        {if condition="$vo.status eq 1"}
                        <span class="label label-success radius">已启用</span>
                        {else /}
                        <span class="label radius">未启用</span>
                        {/if}
                    </td>
                    <td class="td-manage">

                        <a title="恢复" href="javascript:;" onclick="admin_rec(this,'{$vo.id}')" class="ml-5" style="text-decoration:none">
                        <i class="Hui-iconfont">&#xe66b;;</i>
                        </a>


                        <a title="删除" href="javascript:;" onclick="admin_del(this,'{$vo.id}')" class="ml-5" style="text-decoration:none">
                            <i class="Hui-iconfont">&#xe6e2;</i>
                        </a>


                    </td>
                </tr>
                {/volist}

                </tbody>
            </table>

        </article>
    </div>
</section>
{/block}


{block name='js'}
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__STATIC__/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">


    /*管理员-删除*/
    function admin_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            $.get("{:url('Recycle/user_del')}",{id:id});

            $(obj).parents("tr").remove();
            layer.msg('已删除!',{icon:1,time:1000});
        });
    }
    //单条恢复
    function admin_rec(obj,id) {
        $.get("{:url('Recycle/user_recover')}", {id: id});
        layer.confirm('确认要恢复吗？', function (index) {
//            $(obj).parents("tr").remove();
            location.reload();
            layer.msg('已恢复!', {icon: 1, time: 1000});
        });
    }


    //批量恢复
    function unDelete() {

        layer.confirm('确认要恢复吗？', function () {
            $.get("");

            layer.msg('已恢复!', {icon: 1, time: 1000}); //消息弹层1秒后消失
            window.location.reload(); //重新加载页面,显示所有数据
        });
    }


</script>
<!--/请在上方写此页面业务相关的脚本-->
{/block}
</body>
</html>